<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Trang danh mục</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="public/css/jquery.mCustomScrollbar.min.css"/>
    <!--link rel="stylesheet" href="public/lib/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css"/-->
    <link rel="stylesheet" href="public/css/bootstrap.min.css"/>
    <!--link rel="stylesheet" href="public/lib/bootstrap/dist/css/bootstrap.min.css"/-->
    <link rel="stylesheet" href="public/lib/fontawesome/css/font-awesome.min.css"/>
    
    <link rel="stylesheet" href="public/lib/owlcarousel/owl.carousel.css"/>
    <link rel="stylesheet" href="public/lib/owlcarousel/owl.theme.css"/>
    <link rel="stylesheet" href="public/css/style.css"/>
    
    <!-- Jquery -->
    <script type="text/javascript" src="public/js/jquery.js"></script>
    <script type="text/javascript" src="public/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="public/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script type="text/javascript" src="public/js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="public/js/plugin.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="public/js/html5shiv.min.js"></script>
        <script src="public/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <header class="header">
        <div class="top-header clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-4">
                        <div class="logo-nav">
                            <h1 class="logo"><a href="#" title="videotv"><img src="public/img/logo.png" alt="videotv"></a></h1>
                            <div class="btn-bar"><i class="fa fa-bars"></i> <i class="fa fa-caret-down"></i></div>
                            <nav class="main-menu menu-nav">
                               <ul>
                                    <li class="active"><a href="#"><i class="fa fa-home"></i> Trang chủ</a></li>
                                    <li><a href="#tvshow"><i class="fa fa-video-camera"></i> TV Show</a></li>
                                    <li><a href="#"><i class="fa fa-film"></i> Phim</a></li>
                                    <li><a href="#"><i class="fa fa-music"></i> Âm nhạc</a></li>
                                    <li><a href="#leaf"><i class="fa fa-leaf"></i> Hoạt hình</a></li>
                                    <li><a href="#game"><i class="fa fa-leaf"></i> Game</a></li>
                                    <li><a href="#sport"><i class="fa fa-futbol-o"></i> Thể thao</a></li>
                                    <li><a href="#news"><i class="fa fa-newspaper-o"></i> Tin tức</a></li>
                                    <li><a href="#funny"><i class="fa fa-trophy"></i> Hài hước</a></li>
                                    <li><a href="#public"><i class="fa fa-google-wallet"></i> Cộng đồng</a></li>
                                        
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9 col-md-9 col-lg-8">
                        <div class="input-group search pull-left">
                            <input type="text" class="form-control" placeholder="Search for...">
                            <span class="input-group-btn">
                            <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
                            </span>
                        </div>
                        <div class="login-upload pull-right">
                            <button type="button" class="btn btn-default">Tải lên</button>
                            <button type="button" class="btn btn-primary login">Đăng nhập</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="menu-top clearfix hidden-xs">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <nav class="main-menu">
                            <ul>
                                <li class="active"><a href="#"><i class="fa fa-home"></i> Trang chủ</a></li>
                                <li><a href="#tvshow"><i class="fa fa-video-camera"></i> TV Show</a></li>
                                <li><a href="#"><i class="fa fa-film"></i> Phim</a></li>
                                <li><a href="#"><i class="fa fa-music"></i> Âm nhạc</a></li>
                                <li><a href="#leaf"><i class="fa fa-leaf"></i> Hoạt hình</a></li>
                                <li><a href="#game"><i class="fa fa-leaf"></i> Game</a></li>
                                <li><a href="#sport"><i class="fa fa-futbol-o"></i> Thể thao</a></li>
                                <li><a href="#news"><i class="fa fa-newspaper-o"></i> Tin tức</a></li>
                                <li><a href="#funny"><i class="fa fa-trophy"></i> Hài hước</a></li>
                                <li><a href="#public"><i class="fa fa-google-wallet"></i> Cộng đồng</a></li>
                                    
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <div class="video-top clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                        <div class="video-player">
                            <iframe width="100%" height="398" src="https://www.youtube.com/embed/RZVyrY2sFL4" frameborder="0" allowfullscreen></iframe>
                        </div>
                        <div class="video-subcribe">
                            <div class="btn-subcribe">
                                <span>Subcribe to Videotv</span>
                                <!--div class="youtut">
                                    <div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div>
                                </div-->
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 visible-md-block visible-lg-block">
                        <ul class="video-list" data-mcs-theme="minimal-dark">
                            <li class="active">
                                <a class="img" href="#"><img class="img-responsive" src="public/img/video-play.jpg" alt=""></a>
                                <div class="text">
                                    <a href="#">This "Fallout vs Skyrim" Fan Battle Is Bloody Awesome</a>
                                    <div class="time">3:15</div>
                                </div>
                            </li>
                            <li>
                                <a class="img" href="#"><img class="img-responsive" src="public/img/video-play.jpg" alt=""></a>
                                <div class="text">
                                    <a href="#">This "Fallout vs Skyrim" Fan Battle Is Bloody Awesome</a>
                                    <div class="time">3:15</div>
                                </div>
                            </li>
                            <li>
                                <a class="img" href="#"><img class="img-responsive" src="public/img/video-play.jpg" alt=""></a>
                                <div class="text">
                                    <a href="#">This "Fallout vs Skyrim" Fan Battle Is Bloody Awesome</a>
                                    <div class="time">3:15</div>
                                </div>
                            </li>
                            <li>
                                <a class="img" href="#"><img class="img-responsive" src="public/img/video-play.jpg" alt=""></a>
                                <div class="text">
                                    <a href="#">This "Fallout vs Skyrim" Fan Battle Is Bloody Awesome</a>
                                    <div class="time">3:15</div>
                                </div>
                            </li>
                            <li>
                                <a class="img" href="#"><img class="img-responsive" src="public/img/video-play.jpg" alt=""></a>
                                <div class="text">
                                    <a href="#">This "Fallout vs Skyrim" Fan Battle Is Bloody Awesome</a>
                                    <div class="time">3:15</div>
                                </div>
                            </li>
                            <li>
                                <a class="img" href="#"><img class="img-responsive" src="public/img/video-play.jpg" alt=""></a>
                                <div class="text">
                                    <a href="#">This "Fallout vs Skyrim" Fan Battle Is Bloody Awesome</a>
                                    <div class="time">3:15</div>
                                </div>
                            </li>
                            <li>
                                <a class="img" href="#"><img class="img-responsive" src="public/img/video-play.jpg" alt=""></a>
                                <div class="text">
                                    <a href="#">This "Fallout vs Skyrim" Fan Battle Is Bloody Awesome</a>
                                    <div class="time">3:15</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                                <div class="post-bar clearfix">
                                    <div class="pull-left">
                                        <a class="badge-upvote-btn btn btn-invert btn-lg"><i class="fa fa-arrow-up"></i></a>
                                        <a class="badge-downvote-btn btn btn-invert btn-lg"><i class="fa fa-arrow-down"></i></a>
                                    </div>
                                    <div class="pull-right">
                                        <a class="btn btn-facebook btn-lg" href="https://www.facebook.com/sharer/sharer.php?u=link" target="_blank"><i class="fa fa-facebook fa-lg"></i>Share<span class="hidden-xs"> on Facebook</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <div class="video-control">
                                    <div class="row">
                                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                            <a class="badge-post-next btn btn-lg btn-invert btn-block" href="#" role="button"><i class="fa fa-arrow-left"></i> Previous</a>
                                        </div>
                                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                            <a class="badge-post-prev btn btn-lg btn-invert btn-block" href="#" role="button">Next <i class="fa fa-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="video-info clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <h2 class="title">What Girls Think vs What Guys Think</h2>
                        <p class="info">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque eligendi cum doloribus rerum autem architecto inventore, enim mollitia animi laudantium quod nobis corrupti, repellendus quibusdam odio voluptate sunt assumenda vitae repudiandae voluptatum exercitationem. Nulla, quod aspernatur aut minima at dicta!</p>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <div class="row">
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <span class="label label-success">6,901</span><span>Lượt xem</span>
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <iframe src="https://www.facebook.com/plugins/like.php?href=http://www.soxdox.com&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <iframe src="https://www.facebook.com/plugins/like.php?href=http://www.soxdox.com&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <div class="date pull-right"><i class="fa fa-calendar"></i> 14.01.2015</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <section class="main-content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="content-category-top clearfix">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="category-top">
                                    <div class="col-xs-12 col-sm-12 col-md-8 col-lg-6">
                                        <div class="item-main item-lg cover" style="background-image: url(public/img/2_b.jpg);">
                                            <a href="#"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                            <div class="title">
                                                <a href="#">
                                                    <span class="text-wrap">
                                                        <span class="text">Phở đặc biệt: Lạc giữa Sài Gòn</span>
                                                        <span class="clock-view"><span><i class="fa fa-clock-o"></i> 01:20</span> <span><i class="fa fa-eye"></i> 158,134</span></span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
                                        <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                            <a href="#"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                            <div class="title">
                                                <a href="#">
                                                    <span class="text-wrap">
                                                        <span class="text">Phở đặc biệt: Lạc giữa Sài Gòn</span>
                                                        <span class="clock-view"><span><i class="fa fa-clock-o"></i> 01:20</span> <span><i class="fa fa-eye"></i> 158,134</span></span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
                                        <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                            <a href="#"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                            <div class="title">
                                                <a href="#">
                                                    <span class="text-wrap">
                                                        <span class="text">Phở đặc biệt: Lạc giữa Sài Gòn</span>
                                                        <span class="clock-view"><span><i class="fa fa-clock-o"></i> 01:20</span> <span><i class="fa fa-eye"></i> 158,134</span></span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
                                        <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                            <a href="#"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                            <div class="title">
                                                <a href="#">
                                                    <span class="text-wrap">
                                                        <span class="text">Phở đặc biệt: Lạc giữa Sài Gòn</span>
                                                        <span class="clock-view"><span><i class="fa fa-clock-o"></i> 01:20</span> <span><i class="fa fa-eye"></i> 158,134</span></span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
                                        <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                            <a href="#"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                            <div class="title">
                                                <a href="#">
                                                    <span class="text-wrap">
                                                        <span class="text">Phở đặc biệt: Lạc giữa Sài Gòn</span>
                                                        <span class="clock-view"><span><i class="fa fa-clock-o"></i> 01:20</span> <span><i class="fa fa-eye"></i> 158,134</span></span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end content-category-top -->
                </div>
                <div class="category-most-video col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="category-title"><i class="fa fa-play"></i>Most viewed Videos</div>
                    <div class="owl-carousel content-news">
                        <div class="item">
                            <div class="row">
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                                    <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                        <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                        <div class="hour">1:5:30</div>
                                    </div>
                                    <div class="title">
                                        <a href="#">
                                            <span class="text">Lorem ipsum dolor sit amet</span>
                                        </a>
                                        <div class="text-wrap">
                                            <div class="time">9 month ago</div>
                                            <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <script>
                        $(document).ready(function() {
                            $('.owl-carousel').owlCarousel({
                                navigation : false,
                                slideSpeed : 500,
                                singleItem:true,
                                pagination: true,
                                autoHeight: true
                            });
                        });
                    </script>
                </div>
                <!-- end category-most-video -->

                <div class="category-latest-video col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="category-title">Latest Videos</div>
                    <div class="row content-news">
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                <div class="hour">1:5:30</div>
                            </div>
                            <div class="title">
                                <a href="#">
                                    <span class="text">Lorem ipsum dolor sit amet</span>
                                </a>
                                <div class="text-wrap">
                                    <div class="time">9 month ago</div>
                                    <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                <div class="hour">1:5:30</div>
                            </div>
                            <div class="title">
                                <a href="#">
                                    <span class="text">Lorem ipsum dolor sit amet</span>
                                </a>
                                <div class="text-wrap">
                                    <div class="time">9 month ago</div>
                                    <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                <div class="hour">1:5:30</div>
                            </div>
                            <div class="title">
                                <a href="#">
                                    <span class="text">Lorem ipsum dolor sit amet</span>
                                </a>
                                <div class="text-wrap">
                                    <div class="time">9 month ago</div>
                                    <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                <div class="hour">1:5:30</div>
                            </div>
                            <div class="title">
                                <a href="#">
                                    <span class="text">Lorem ipsum dolor sit amet</span>
                                </a>
                                <div class="text-wrap">
                                    <div class="time">9 month ago</div>
                                    <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                <div class="hour">1:5:30</div>
                            </div>
                            <div class="title">
                                <a href="#">
                                    <span class="text">Lorem ipsum dolor sit amet</span>
                                </a>
                                <div class="text-wrap">
                                    <div class="time">9 month ago</div>
                                    <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                <div class="hour">1:5:30</div>
                            </div>
                            <div class="title">
                                <a href="#">
                                    <span class="text">Lorem ipsum dolor sit amet</span>
                                </a>
                                <div class="text-wrap">
                                    <div class="time">9 month ago</div>
                                    <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                <div class="hour">1:5:30</div>
                            </div>
                            <div class="title">
                                <a href="#">
                                    <span class="text">Lorem ipsum dolor sit amet</span>
                                </a>
                                <div class="text-wrap">
                                    <div class="time">9 month ago</div>
                                    <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
                            <div class="item-main cover" style="background-image: url(public/img/2_b.jpg);">
                                <a href="#" title="Lorem ipsum dolor sit amet"><img class="img-responsive" src="public/img/2_b.jpg" alt="img"></a>
                                <div class="hour">1:5:30</div>
                            </div>
                            <div class="title">
                                <a href="#">
                                    <span class="text">Lorem ipsum dolor sit amet</span>
                                </a>
                                <div class="text-wrap">
                                    <div class="time">9 month ago</div>
                                    <div class="clock-view"><span><i class="fa fa-heart"></i> 900</span> <span><i class="fa fa-eye"></i> 158,134</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end category-latest-video -->
                
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <nav class="paginate-video">
                        <ul class="pagination">
                            <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                            <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a> </li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a> </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </section>
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
                    <div class="meta">
                        <div class="title-footer">Meta</div>
                        <ul>
                            <li><a href="#">Register</a></li>
                            <li><a href="#">Login</a></li>
                            <li><a href="#">Entries RSS</a></li>
                            <li><a href="#">Wordpress</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
                    <div class="tag-cloud">
                        <div class="title-footer">Tags cloud</div>
                        <a href="#" class="tag-sm">Band</a>
                        <a href="#" class="tag-sm">Delicius</a>
                        <a href="#" class="tag-sm">Fail</a>
                        <a href="#" class="tag-lg">Featured</a>
                        <a href="#" class="tag-sm">Food</a>
                        <a href="#" class="tag-sm">Funy</a>
                        <a href="#" class="tag-lg">Funy</a>
                        <a href="#" class="tag-sm">Funy</a>
                        <a href="#" class="tag-sm">Video</a>
                        <a href="#" class="tag-sm">Funy</a>
                        <a href="#" class="tag-lg">Music</a>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
                    <div class="social">
                        <div class="title-footer">Stay connected</div>
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook"></i>Facebook</a></li>
                            <li><a href="#"><i class="fa fa-twitter"></i>Twitter</a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i>Google plus</a></li>
                            <li><a href="#"><i class="fa fa-instagram"></i>Instagram</a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i>Linkedin</a></li>
                            <li><a href="#"><i class="fa fa-tumblr"></i>Tumblr</a></li>
                            <li><a href="#"><i class="fa fa-rss"></i>Rss</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
                    <div class="about-footer">
                        <div class="title-footer">About videotv</div>
                        <p>Cras non dolor. Curabitur blandit mollis lacus. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi.</p>
                        <p>Nullam cursus lacinia erat. Pellentesque dapibus hendrerit tortor. Cras id dui.</p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="copyright">
                        <p>Copyright © 2008 - 2015. All rights reserved.</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>

</body>
</html>